<template>
    <header>
        <div>
            <dv-decoration-10 style="width:100%;height:5px;" />
        </div>
        <div class="center">
            <div>
                <dv-decoration-8 style="width:100%;height:100%;" />
            </div>
            <div class="title">郑州大学云端智慧数据中心</div>
            <div>
                <dv-decoration-8 :reverse="true" style="width:100%;height:100%;" />
            </div>
        </div>
        <div>
            <dv-decoration-10 style="width:100%;height:5px;transform: rotate(180deg);" />
        </div>
    </header>
</template>
<style scoped>
header{
    flex: 0.5;
    width: 100%;
    display: flex;
}
header>div{
    flex: 1;
    height: 100%;
}
.center{
    display:flex;
}
.center>div{
    flex: 1;
}
.title{
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    padding-top: 8px;
}
</style>